.banner{
    height: 300px;
}
.banner1,.banner2,.banner3{
    background: url("../images/1020px.png");
    background-size: cover;
}

nav li{
    font-size: 14px;
}
.form-inline .btn-primary{
    margin-left: 50px;
}
.form-inline .form-control{
    padding-left: 30px;
}
.form-inline .input-group-append .btn{
    padding: 0.2rem .75rem ;

}
.banner4 img{
  width: 100%;
}
.bd-example {
    border-bottom: 1px solid #ccc;
}


  .main .container {
    position:absolute;

}
  .card .card-img-overlay{
      padding: 0;
      text-align: right;
  }
 .introduce{
     position: relative;
     margin-top: 100px;
     margin-bottom: 100px;
 }
 .introduce .text{
     position: absolute;
     right: 0;
     text-align: right;
     top:0;
 }
.main-con{
    text-align: center;
    margin-bottom: 30px;
}
.row .col-md-4 h4{
    font-size: 16px;
}
.row .col-md-4 img{
    margin-bottom: 35px;
    margin-top: 35px;
}

.row .col-md-4 p{
    font-size: 14px;
}
.card-body{
    margin-bottom: 100px;
}



@media (max-width: 600px) {
    .introduce{
        position: relative;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .introduce .text{
        position: relative;
        right: 0;
        text-align: left;
        top:0;
        font-size: 14px;
    }
    .introduce .text h3{
        font-size: 20px;
    }
    .card-body{
        margin-bottom: 0;
    }
}